<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/html5shiv.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/respond.min.js"></script>


    <link href="${pageContext.request.contextPath}/static/static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="${pageContext.request.contextPath}/static/static/h-ui.admin/css/H-ui.login.css" rel="stylesheet" type="text/css" />
    <link href="${pageContext.request.contextPath}/static/static/h-ui.admin/css/style.css" rel="stylesheet" type="text/css" />
    <link href="${pageContext.request.contextPath}/static/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>

    <title>学生信息管理系统界面</title>
    <meta name="keywords" content="学生信息管理系统界面">
    <meta name="description" content="学生信息管理系统界面，一款简洁、方便的网络在线学生信息管理，你值得拥有">
</head>

<body>
<input type="hidden" id="TenantId" name="TenantId" value="" />
<div class="loginWraper">
    <div><h1>学生信息管理系统界面</h1></div>
    <div id="loginform" class="loginBox">
        <form class="form form-horizontal" action="index.html" method="post">
            <div class="row cl">
                <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60d;</i></label>
                <div class="formControls col-xs-8">
                    <input id="ip1" name="" type="text" placeholder="账户" class="input-text size-L" >
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60e;</i></label>
                <div class="formControls col-xs-8">
                    <input id="ip2"  name="" type="password" placeholder="密码" class="input-text size-L">
                </div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <input id="in" class="input-text size-L" type="text" placeholder="验证码" style="width:150px;">
                    <img src="http://localhost:8080/gc" id="im"> <a id="kanbuq" href="javascript:changeImg()">看不清，换一张</a> </div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <label for="online">
                        <input type="checkbox" name="online" id="online" value="">
                        使我保持登录状态</label>
                </div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <input name="" type="button" onclick="UserLogin()" class="btn btn-success radius size-L" value="学生&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;">
                    <input name="" type="button" onclick="clickLogin()" class="btn btn-success radius size-L" value="管理员&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;">
                    <input name="" type="reset" class="btn btn-default radius size-L" value="&nbsp;取&nbsp;&nbsp;&nbsp;&nbsp;消&nbsp;">
                </div>
            </div>
        </form>
    </div>
</div>
<div class="footer">&copy 高校版权所有</div>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/layer/2.4/layer.js"></script>
<script>

    /*
    * 获取验证码
    *
    * */
    var i = 0;
    function changeImg() {
        $("#im").attr("src","http://localhost:8080/gc?i="+i);
        i++;
    }

    //登录验证
    function clickLogin() {
        var code = $("#in").val();
        var username = $("#ip1").val();
        var password = $("#ip2").val();
        if (username.length == 0) { //鼠标聚焦
            layer.msg("账号不能为空", {icon: 2});
            $("#ip1").focus();
            return;
        }
        if (password.length == 0) {
            layer.msg("密码不能为空", {icon: 2});
            $("#ip2").focus();
            return;
        }

        var online = $("#online").prop("checked");
        var remember = "no";
        if (online) {
            remember = "yes";
        }

        //使用ajax，获取验证码
        $.ajax({
            type: "post",
            url: "/uc?",
            dateType: "text",
            data: {
                code: code,
                op: "checkLogin",//操作嘛
                us: username,
                pwd: password,
                rm: remember
            },
            success: function (info) {
                if (info == "SUCCESS") {
                    layer.msg("登录正确", {icon: 1});
                    window.location.href = "pc?op=index";
                } else if ("ERROR") {
                    $("#in").val("");
                    $("#ip1").val("");
                    $("#ip2").val("");
                    changeImg();
                    layer.msg("信息错误", {icon: 2})
                } else {
                    layer.msg("验证码错误", {icon: 2})
                }
            },
            error: function () {
                layer.msg("ajax请求失败1", {icon: 2})
            }
        })
    }

    //文档加载事件，使用ajax访问后台查看是否有指定cookie
    // $(function () {
    //     $.ajax({
    //         type:"post",
    //         url:"/uc?",
    //         dataType:"text",
    //         data:{
    //             op:"queryCookieByAjax"
    //         },
    //         success:function (info) {
    //             var user = JSON.parse(info);
    //             $("#ip1").val(user.username);
    //             $("#ip2").val(user.password);
    //
    //             if (user.username.length>0){
    //                 $("#online").prop("checked",true);
    //             }
    //         },
    //         error:function (info) {
    //             layer.msg("输入信息有误，请重试",{icon:2})
    //         }
    //     })
    // });
    //
    // //学生登录验证
    // function UserLogin() {
    //     var code = $("#in").val();
    //     var username = $("#ip1").val();
    //     var password = $("#ip2").val();
    //     if (username.length == 0){ //鼠标聚焦
    //         layer.msg("账号不能为空",{icon:2});
    //         $("#ip1").focus();
    //         return;
    //     }
    //     if (password.length == 0){
    //         layer.msg("密码不能为空",{icon:2});
    //         $("#ip2").focus();
    //         return;
    //     }
    //
    //     var online=$("#online").prop("checked");
    //     var remember = "no";
    //     if(online){
    //         remember = "yes";
    //     }
    //
    //     //使用ajax，获取验证码
    //     $.ajax({
    //         type:"post",
    //         url:"/uc?",
    //         dateType:"text",
    //         data:{
    //             code:code,
    //             op:"checkLogin",//操作嘛
    //             us:username,
    //             pwd:password,
    //             rm:remember
    //         },
    //         success:function (info) {
    //             if (info=="SUCCESS"){
    //                 layer.msg("登录正确",{icon:1});
    //                 window.location.href="pc?op=student";
    //             }else if("ERROR"){
    //                 $("#in").val("");
    //                 $("#ip1").val("");
    //                 $("#ip2").val("");
    //                 changeImg();
    //                 layer.msg("信息错误",{icon:2})
    //             }else {
    //                 layer.msg("验证码错误",{icon:2})
    //             }
    //         },
    //         error:function () {
    //             layer.msg("ajax请求失败1",{icon:2})
    //         }
    //     })
    // }
</script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?080836300300be57b7f34f4b3e97d911";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>
